<template>
  <div class="father">
    父组件
    <MySon :username="username" :age="age" :isChecked="isChecked" :list="list" :obj="obj" :a="1" b="2" :c="'3'" />
  </div>
</template>

<script>
// https://v2.cn.vuejs.org/v2/guide/components-props.html
// props可以传递哪些类型，官网地址
import MySon from './components/MySon.vue'
export default {
  components: {
    MySon
  },
  data() {
    return {
      username: '鲁班',
      age: 25,
      isChecked: false,
      list: [1,2,3,4,5],
      obj: {
        address: '北京'
      }
    }
  }
}
</script>

<style scoped>
.father {
  border: 1px solid red;
  padding: 20px;
}
</style>